<template>
	<view class="par" v-if="url1">
		<view class="btn" @click="hanleback" v-if="show">
			返回
		</view>
		<iframe :src="url1" frameborder="0" class="box"></iframe>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				url1: ''
			}
		},
		methods: {
			hanleback() {
				uni.navigateBack({
					delta: 1
				})
			}
		},
		onLoad(op) {
			this.url1 = op.url

		},
		mounted() {
			setTimeout(() => {
				this.show = true
			}, 2000)
		}
	}
</script>

<style lang="scss" scoped>
	.par {
		position: relative;
	}

	.box {
		width: 100vw;
		height: 96vh;
	}

	.btn {
		height: 70upx;
		right: 20upx;
		top: 100upx;
		z-index: 999;
		background-color: #F19234;
		width: 120upx;
		text-align: center;
		color: white;
		border-radius: 30upx;
		font-size: 36upx;
		line-height: 70upx;
		position: absolute;
	}
</style>